<div class = "ui dropdown">
    <div class = "text">
        <b>{{menu.name}}</b>
    </div>
    <div class = "menu">
        <div ng-class = "{item:true,disabled:submenu1.disabled}" ng-repeat = "submenu1 in menu.submenus" ng-click = "submenu1.fn && submenu1.fn()">
            <i class = "{{submenu1.icon}}" ng-show = "!!submenu1.icon"></i>
            <i class = "dropdown icon" ng-if = "submenu1.submenus.length"></i>
            <span>{{submenu1.name}}</span>

            <div class = "menu" ng-if = "submenu1.submenus.length">
                <div ng-class = "{item:true,disabled:submenu2.disabled}" ng-repeat = "submenu2 in submenu1.submenus" ng-click = "submenu2.fn && submenu2.fn()">
                    <i class = "{{submenu2.icon}}" ng-show = "!!submenu2.icon"></i>
                    <i class = "dropdown icon" ng-if = "submenu2.submenus.length"></i>
                    <span>{{submenu2.name}}</span>

                    <div class = "menu" ng-if = "submenu2.submenus.length">
                        <div ng-class = "{item:true,disabled:submenu3.disabled}" ng-repeat = "submenu3 in submenu2.submenus" ng-click = "submenu3.fn && submenu3.fn()">
                            <i class = "{{submenu3.icon}}" ng-show = "!!submenu3.icon"></i>
                            <span>{{submenu3.name}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>